*{
    box-sizing: border-box;
}
html,body,h2,p,span,ul,li{
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 0.2rem;
}
ul {
    list-style: none;
}
a {
    text-decoration: none;
    color: #9c9c9c;
}
#wrapper {
    background: #e8e8e8;
}
header {
    width: 100%;
    position: relative;
}
img {
    width: 100%;
    vertical-align: middle;
}
.close {
    position: absolute;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    top: 50%;
    right: 0;
    margin-top: -0.5rem;
}
.close a img {
    width: 30%;
}
.search {
    width: 100%;
    background-color: #FFFFFF;
    padding: 0 0.1rem 0.1rem;
}
.search-link {
    width: 100%;
    font-size: 0.2rem;
    line-height: 0.34rem;
}
.search-link a {
    display: block;
    padding: 0.2rem 0.3rem 0.12rem 0.3rem;
    line-height: 0.34rem;
    position: relative;
}
.search-link a .icon {
    position: absolute;
    width: 0.48rem;
    height: 0.4rem;
    line-height: 0.3rem;
    padding-right: 0.1rem;
}
.search-link a .wenzi {
    display: block;
    font-size: 0.3rem;
    text-indent: 0.5rem;
}
.search-border {
    width: 100%;
    height: 0.08rem;
    border: 0.01rem solid #e3e3e3;
    background-color: white;
    border-top: none;
}
.item {
    width:100%;
    height: 3.6rem;
}
.item:nth-child(1){
    background-image: url(image/lbt1.jpg);
    background-size: 100% 3.6rem;
}
.item:nth-child(2){
    background-image: url(image/lbt2.jpg);
    background-size: 100% 3.6rem;
}
.item:nth-child(3){
    background-image: url(image/lbt3.jpg);
    background-size: 100% 3.6rem;
}
.item:nth-child(4){
    background-image: url(image/lbt4.jpg);
    background-size: 100% 3.6rem;
}
.item:nth-child(5){
    background-image: url(image/lbt5.jpg);
    background-size: 100% 3.6rem;
}
.list-mobile {
    padding: 0.1rem 0;
    width: 100%;
}
.list-mobile .mobile {
    width: 7.2rem;
    height: 3.06rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.list .mobile div {
    width: 2.32rem;
}
.list-mobile .mobile a:hover {
    cursor: default;
}
.chanpin {
    width: 100%;
    height: 2.06rem;
    padding: 0.3rem 0;
    background-color: #FFFFFF;
    border-bottom: 1px solid #f2f2f2;
}
.chanpin a{
    display: flex;
}
.chanpin .img {
    width: 2.54rem;
    height: 1.45rem;
    position: relative;
}
.chanpin .img:hover {
    cursor: default;
}
.jieshao {
    width: 100%;
    margin-right: 0.5rem;
    line-height: 0.2rem;
}
.jieshao:hover{
    cursor: text;
}
.jieshao p {
    font-size: 0.26rem;
    line-height: 0.34rem;
    color: #969696;
    margin-bottom: 0.12rem;
}
.jieshao span {
    font-size: 0.28rem;
    color: #fe4900;
    display: block;
}
.chanpin .img .xp {
    position: absolute;
    width: 45%;
    top: 20%;
    left: 0.1rem;
    opacity: 0.8;
}
footer {
     width: 100%;
     height: 0.9rem;
     border-top: 1px solid #e0e0e0;
     background: #FFFFFF;
     position: fixed;
     bottom: 0;
 }
footer ul{
    display: flex;
    justify-content: space-around;
    padding: 0.12rem 0;
}
footer .sc {
    width: 0.4rem;
    height: 0.4rem;
    background-image: url(image/spr1.png);
    background-size: 100%;
    background-position: 0.4rem -2.4rem;
}
footer .fl {
    width: 0.4rem;
    height: 0.4rem;
    background-image: url(image/spr1.png);
    background-size: 100%;
    background-position: 0.4rem -0.4rem;
}
footer .gwc {
    width: 0.4rem;
    height: 0.4rem;
    background-image: url(image/spr1.png);
    background-size: 100%;
    background-position: 0.4rem -1.2rem;
}
footer .fw {
    width: 0.4rem;
    height: 0.4rem;
    background-image: url(image/spr1.png);
    background-size: 100%;
    background-position: 0.4rem -2rem;
}
footer ul p{
    font-size: 0.22rem;
    line-height: 0.3rem;
}
.ys {
    color: #fe4900;
}